<template>
  <div>
    <div>
      <Model_1>
        {{text}}
      </Model_1>
      <Side>
        <el-tabs :tab-position="tabPosition" style="height: 350px;" @click="message" >
          <el-tab-pane style="width:800px;height: auto" v-for="item in items" :key="item.id" :label="item.name" @click.native.prevent="message(item.name)"><p v-html="item.content"></p>
          </el-tab-pane>
        </el-tabs>
      </Side>
    </div>

  </div>
</template>

<script>
  import Model_1 from "../../../components/content/pre_business/Model_1";
  import User from "../../../components/content/pre_business/User";
  import Side from "../../../components/content/pre_business/Side";
  export default {
    name: "OFrame",
    components: {Model_1,User,Side},
    data() {
      return {
        text:'机构账户建立',
        tabPosition: 'left',
        items: [
          {id:0,name:"机构账户建立",content:
              "机构用户在学分银行信息平台中填写机构相关信息，经核对无误即完成账户建立。机构账户主要用于记录机构拥有的学习成果信息、参与有关成果培训考核的人员信息、持有有关成果的人员信息以及相关转换信息等。参加1+X证书制度试点的相关院校和培训评价组织，其机构信息可直接从职业技能等级证书信息管理服务平台中导入，信息平台自动为其建立机构账户。\n"+
               "\n" +
              "<img src='static/ocreate.jpg'/>"},
          {id:1,name:"学习成果认定",content:
              "学分银行组织专家按照学习成果认定标准和规范，对培训评价组织根据学时学分记录规则提出有关职业技能等级证书的建议学分进行核定，认定学分银行学分值。经认定的职业技能等级证书及对应的学分值，在学分银行发布，作为有关院校和培训评价组织进行学习成果转换的依据和参考。"+
            "\n"+
              "<img src='static/oresult.jpg'/>"},
          {id:2,name:"学习成果转换",content:
              "有关院校和培训评价组织对照学时学分记录规则及学分银行学分，结合自身实际，研制具体的学习成果转换办法和转换规则，并在学分银行备案发布。有关院校和培训评价组织要依据转换办法和转换规则，为提出转换申请的学习者办理学历专业课程学分替换或职业技能等级证书模块免考，并将结果反馈给学分银行，存入学习者个人学习账户。"+
            "\n"+
              "<br><img src='static/ochange.jpg'/>"},
          {id:3,name:"转换规则查询",content:""},
          {id:4,name:"转换管理方法",content:""},
        ]
      };
    },
    methods:{
      message:function (msg) {
        this.text=msg;
      }
    }
  }
</script>

<style scoped>

</style>
